.header {
  width: 100%;
  margin-bottom: 10px;
  padding: 10px 10px;
  background-color: #00CC66;
}

.tools {
  text-align: left;
  padding: 5px 10px;
}

.message {
  padding: 10px 10px;
  background-color: aliceblue;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}


#boxangular {
  width: 300px;
  height: 200px;
  background-image: url('../images/angular.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#boxreact {
  width: 300px;
  height: 200px;
  background-image: url('../images/react.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

#boxvue {
  width: 200px;
  height: 200px;
  background-image: url('../images/vue.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}